/* 
-- RAZ des styles ---------------------------------------- 
*/

html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;	
	vertical-align: baseline;
	background: transparent;
	}
body {
	line-height: 1;
	}	
ol, ul {
	list-style: none;
	} 
	
/*
-- Styles du site ----------------------------------------
*/
body { background:url(../img/fond.png); }
a { color:#eeee20;	text-decoration:none; }
a:hover { text-decoration:underline; }
ul { list-style:circle inside; }
/* 
-- Page ---------------------------------------- 
*/
#bcPage {
	position:relative;
	width:750px;
	margin:0 auto;
	color:#eeee20;
	font-size:15px;
	font-family:Verdana,Vermana2000,Freesans;
}

/* 
-- Entete ---------------------------------------- 
*/
#bcTete {
	position:relative; float:left;
	width:100%; height:200px;
	background:url(../img/entete.png) no-repeat;
}
#bcTete a { 
	position:relative;
	top:5px;
	left:15px;
}

/* 
-- Contenu ----------------------------------------
*/
#bcContenu {
	position:relative; float:left;
	width:100%;
}
.title {
	position:relative; float:left;
	width:720px; height:40px;
	text-align:center;
	color:#eeee20;
	font-size:20px;
	background:url(../img/barreTitre.png) no-repeat;
	padding-top:10px;
	margin:50px 15px 15px 15px;
}
img {
	position: relative; float:left;
	width:300; height:300;
	text-align:center;
	margin:25px;
}

/* 
-- Accueil ----------------------------------------
*/
#bcAccueil {
	position:relative; float:left;
	width:100%; height:600px;
}
#bcAccueil table {
	position:relative; float:left;
	width:100%; height:100%;
	background:url(../img/blason.png) no-repeat center;
	text-align:center;
}
#bcAccueil tr { height:200px; }
#bcAccueil td { padding-top:35px; }
#bcAccueil a {
	position:relative; float:left;
	width:150px; height:40px;
	padding-top:11px;
	background:url(../img/btnAcc.png) no-repeat;
}

/*
-- Article ----------------------------------------
*/
#bcArticle {
	position:relative; float:left;
	width:700px; min-height:100px;
	margin:0px 25px;
	color:#eeee20;
}
#bcArticle h1 {
	font-size:18px;
	font-weight:bold;
	padding:12px 0 0 30px;
}
#bcArticle h2 {
	font-size:18px;
	width:80%;
	border-bottom:solid 1px #eeee20;
	padding-bottom:2px;
	margin:12px 0 0 50px;
}
#bcArticle p { 
	position:relative; float:left;
	width:80%; min-height:15px;
	margin:10px 25px;
	font-size:14px; 
}
#bcArticle ul {
	position:relative; float:left;
	width:80%; min-height:15px;
	margin:10px 25px 10px 50px;
	font-size:14px; 
}
#bcArticle iframe {
	position:relative; float:left;
	margin:25px 25px 25px 50px;
}
.iframe { position:relative; float:left; }

.date { position:absolute; top:-25px; left:590px; }
.contenu { position:relative; float:left; margin:20px 50px 0 50px; }
.pjointe { position:relative; float:right; right:50px; padding-left:50px; margin-top:15px; margin-left:15px; }
.plus { position:relative; float:left; top:15px; left:30px; }
.petit { font-size:12px; }
.head { position:relative; float:left; width:100%; height:30px; background:url(../img/articleHead.png) no-repeat; }
.cont { position:relative; float:left; width:100%; min-height:15px; background:url(../img/articleCont.png); }
.foot { position:relative; float:left; width:100%; height:100px; background:url(../img/articleFoot.png) no-repeat; }

/*
-- Diapo ---------------------------------------- 
*/
#bcDiapo {
	position:relative; float:left;
	width:300px; height:300px;
	background:url(../img/diapo.png) no-repeat;
	margin-left:50px;
	margin-top:25px;
}
#bcDiapo img {
	margin:25px;
}
#bcDiapo h1 {
	margin-top:20px;
	font-size:15px;
	text-decoration:underline;
	text-align:center;
}

/* 
-- Formulaire ---------------------------------------- 
*/
#bcForm { position:relative; float:left; width:700px; margin-left:25px; }
#bcForm table { position:relative; float:left; width:700px; border-spacing:0;}
#bcForm td { vertical-align:middle; }
#bcForm p { padding-right:10px; float:right; }
#bcForm textarea { width:90%; height:250px; }
#bcForm input[type=text], 
				input[type=password], 
				input[type=file] { 
	width:90%; 
}
.link { 
	position:relative; float:left;
	width: 80%; height: 15px;
	margin:10px 25px;
	text-align:center;
	padding-bottom:5px;
}
.btn { 
	position:relative; float:left;
	left:275px; top:15px;
	padding-bottom:2px;
	width:150px; height:25px;
	background:transparent; color:#eeee20; 
}
.erreur {
	position:relative;
	width:80%;
	color:#ff0000;
	text-align:left;
}

/* 
-- Menu ---------------------------------------- 
*/
#bcMenu {
	position:relative; float:left;
	width:100%; height:40px;
	top:145px;
}
#bcMenu a {
	position:relative; float:left;
	width:150px; height:40px;
	background:url(../img/btnAcc.png) no-repeat;
	text-align:center;
	padding-top:12px;
	top:0px;
	left:0px;
}

/*
-- Pied ----------------------------------------
*/
#bcPiedAcc { position:relative; float:left; width:100%; height:100px; }
#bcPied {
	position:relative; float:left;
	width:100%; height:150px;
	background:url(../img/pied.png) no-repeat;
}
#bcPied a {
	position:relative; float:left;
	height:100%; width:22%;
	text-align:center;
	padding-top:43px;
}

.contact {
	position:absolute;
	bottom:205px;
	left:627px;
	font-size:40px;
}